<!DOCTYPE html>
<html>
    <head>
        <title>页面跳转中...</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <style type="text/css">
            <!--
            body {
                margin:0;
                padding:0;
                font-size:16px;
                text-align:center;
                font-family:Helvetica,Arial,sans-serif;

            }
            .msg-box {
                width:600px;
                position:absolute;
            }
            .msg-box .msg-content {
                margin:0;
                padding:0;
                border:2px solid #FFD324;
                background-color: #FFF6BF;
                -moz-border-radius: 10px;
                -webkit-border-radius: 10px;
                border-radius: 10px;
                -moz-box-shadow: 0 0 10px #eee;
                -webkit-box-shadow: 0 0 10px #eee;
                box-shadow: 0 0 10px #eee;
            }
            .msg-box .msg-content div.msg-text {
                margin:30px 30px 10px 20px;
            }
            .msg-box .msg-content div.msg-meta {
                font-size:12px;
                margin:10px 30px 0px 30px;
                line-height:30px;
            }
            -->
        </style>
        <script type="text/javascript">

            function fixMsgBoxPos(boxID) {
                var boxDiv = document.getElementById(boxID);
                var synSize = function () {
                    boxDiv.style.left = (document.documentElement.clientWidth / 2 - boxDiv.offsetWidth / 2 + document.documentElement.scrollLeft) + "px";
                    boxDiv.style.top = (document.documentElement.clientHeight / 2 - boxDiv.offsetHeight / 2 + document.documentElement.scrollTop - 20) + "px";
                };
                synSize();
                window.onresize = function () {
                    synSize();
                };
            }
            ;

			
            window.onload = function () {
                fixMsgBoxPos('msg_box');
                
                setInterval("redirect()"              
                 , 1000);
            };

        function redirect()
        { 
        	var delay = document.getElementById("delay").innerHTML;
        	delay--;
            if(delay <= 0)
            {
            	location.href = "<?php echo $goto['url']; ?>";
            }
            else
            {
            	document.getElementById("delay").innerHTML = delay; 
            }
        }

        </script>
    </head>

    <body>
        <div class="msg-box" id="msg_box">
            <div class="msg-content">
                <div class="msg-text"><?php echo $goto['msg']; ?></div>
                <div class="msg-meta">请稍等... 页面 <strong id="delay"><?php echo $goto['delay']; ?></strong> 秒后页面自动刷新, 如果您的浏览器未变化, <a href="<?php echo $goto['url']; ?>">您可以点击这里手动刷新.</a></div>
            </div>
        </div>
    </body>
</html>
